
$(function(){


  let GoodsObj = null;
  init();

  /**
   * 初始化
   */
  function init(){
    // 获取商品详情数据
    getGoodsDetail();

    // 绑定事件
    bindEventList();
    
  }



  /**
   * 请求商品详情数据
   */
  function getGoodsDetail(){
    let goods_id = $.getUrl('goods_id');
    $.get("goods/detail", {"goods_id":goods_id},(res)=> {
        console.log(res);
        if(res.meta.status === 200){
          // 将商品信息储存到全局变量中以便使用
          GoodsObj = res.data;
          let html = template('detailTpl', res.data)
          $('.pyg_view').html(html);

          // 加载完轮播图之后再进行初始化
          initSwiper();
        }
      }
    );

  }

  /**
   * 初始化页面数据
   */
  function initSwiper(){
    //获得slider插件对象
    var gallery = mui('.mui-slider');
    gallery.slider({
      interval:2000//自动轮播周期，若为0则不自动播放，默认为0；
    });
  }


  /**
   * 绑定事件
   */
  function bindEventList(){
    // 添加购物车  tap事件比click快
    $('.add_cart').on('tap', function(){

      // 判断本地是否保存有用户信息
      let userinfoStr = sessionStorage.getItem('userinfo');
      if(!userinfoStr){
        // 保存当前路径，方便跳转回来当前页面
        sessionStorage.setItem('page', location.href);
        // toast
        mui.toast('您还未登录账号，正在跳转登录界面');
        // 延时跳转登录界面
        setTimeout(function(){
          location.href = 'login.html';
        }, 1000);
      }else{
        // 获取token
        let userinfo = JSON.parse(userinfoStr);
        let token = userinfo.token;
        // 根据文档，要在zepto中使用ajax将token设置到请求头中
        // 拼接请求参数
        let paramsObj = {
          cat_id:GoodsObj.cat_id,
          goods_id:GoodsObj.goods_id,
          goods_name:GoodsObj.goods_name,
          goods_number:GoodsObj.goods_number,
          goods_price:GoodsObj.goods_price,
          goods_small_logo:GoodsObj.goods_small_logo,
          goods_weight:GoodsObj.goods_weight,
        };
        // 发送到后台
        $.ajax({
          type: "post",
          url: "my/cart/add",
          data: { 
            info: JSON.stringify(paramsObj) 
          },
          // 要在zepto中使用ajax将token设置到请求头中
          headers:{
            Authorization: token
          },
          dataType: "json",
          success: function (res) {
            console.log(res);
            if(res.meta.status === 200){
              mui.toast(res.meta.msg);
            }
          }
        });

      }

      
    })

  }


})